<template>
  <div>
    <headline>
      <template slot="title">
        新闻公告
      </template>
    </headline>
    <a-list item-layout="horizontal" :data-source="data">
        <a-list-item slot="renderItem" slot-scope="item">
          <a-list-item-meta
            :description="data.title"
          >
            <a slot="title" :href="data.path">{{item.serial+'.'+ item.title }}</a>
          </a-list-item-meta>
        </a-list-item>
      </a-list>
  </div>
</template>

<script>
import Headline from '../headline/Headline.vue'
  export default {
    components:{
            Headline
        },
    data() {
      return {
        data:[
              {serial:'1',title: '献礼百年！三一（重庆）智能制造生产线投产',path:'#',},
              {serial:'2',title: '产学研创新！三一将兴建两所“附中”和一所“学院”',path:'#',},
              {serial:'3',title: '郴州24小时持续救援，三一救援队参与救出7人',path:'#',},
                ]
      };
    },
  }
</script>

<style lang="less" scoped>
.ant-list-item-meta-title{
  margin-left: 20px;
  height: 22px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  font-weight: 400;
}

</style>